﻿Ext.onReady(function(){
 
 // NOTE:This is aan example showing simple state management.
 // During development,it is generally best to disable state 
 // management as dynamically-generated ids can change across 
 // page loads,leading to unpredicatble results. The developer 
 // should ensure that stable state ids are set for stateful 
 // components in real apps.
 Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
 
// var tools = [{
//    id:'gear',
//    handler:function(){
//        Ext.Msg.alert('Message','The Settings tool was clicked.');
//    }
// },{
//    id:'close',
//    handler:function(e,target,panel){
//        panel.ownerCt.remove(panel,true)
//    }
// }];
// 
// var viewport = new Ext.Viewport({
//    layout:'border',
//    items:[{
//        region:'west',
//        id:'west-panel',
//        title:'West',
//        split:true,
//        width:200,
//        minSize:175,
//        maxSize:400,
//        collapsible:true,
//        margins:'35 0 5 5',
//        cmargins:'35 5 5 5',
//        layout:'accordion',
//        layoutConfig:{
//            animate:true
//        },
//        items:[{
//            html:Ext.example.shortBogusMarkup,
//            title:'Navigation',
//            autoScroll:true,
//            border:false,
//            iconCls:'nav'
//        },{
//            title:'Settings',
//            html:Ext.example.shortBogusMarkup,
//            border:false,
//            autoScroll:true,
//            iconCls:'settings'
//        }]
//      },// end west
//      {
//        xtype:'portal',
//        region:'center',
//        margins:'35 5 5 0',
//        items:[{
//            columnWidth:33,
//            style:'padding:10px 0 10px 10px',
//            items:[{
//                columnWidth:33,
//                style:'padding:10px 0 10px 10px',
//                items:
//        
//      } // end protal
//    
// }); //end Viewport
// 
 